{% extends "base.html" %}

{% block title %}O que Interessa? a {{ user.name }}{% endblock %}

{% block body %}
<div id="runs">
  <div class="friends">
    <h1>O que lhe interessa?</h1>

    <div id="friends-runs">
      {% for topic in topics %}
      <div class="run">
        <div class="details">
          <span class="distance"><tt>{{ topic.title }}</tt></span>
          <!--span class="date">{{ run.date }}</span--!>
        </div>

        <img class="pic" height="50" width="50"
             src="{{ user.picture }}">
        <a class="name" href="/user/{{ user.user_id }}">{{ user.name }}</a>
        <div style="clear: both;"></div>
      </div>
      {% endfor %}

  <div class="main">
    <h1>Adicione um novo tópico...</h1>

    <form action="/addTopic" method="post">
      <div style="display: none">
        <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">
      </div>

      <div>
        <label for="topic">Palavra-chave</label>
        <input id="topic" name="topic" class="text" type="text">
      </div>
      </div>
      <div class="buttons">
        <input class="awesome green" type="submit" value="Enviar.">
      </div>
    </form>
  </div>

    </div>
  </div>
</div>
{% endblock %}
